<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{$eyou.field.seo_title}</title>
<meta name="keywords" content="{$eyou.field.seo_keywords}" />
<meta name="description" content="{$eyou.field.seo_description}" />
<link href="{eyou:global name='web_ico' /}" rel="shortcut icon" type="image/x-icon" />
{eyou:static file="skin/style/pintuer.css" /}
{eyou:static file="skin/style/header.css" /}
{eyou:static file="skin/style/style.css" /}
{eyou:static file="skin/style/iconfont.css" /}
<!--[if lt IE 9]>{eyou:static file="skin/js/respond.js" /} <![endif]-->
</head>
<body>
<div id="mobile-mask">
	<!--公用头部 begin -->
	{eyou:include file="header.htm" /}
	<!-- 公用头部 end -->    
	<!--公用栏目图片 begin -->
	{eyou:include file="banner.htm" /}
	<!-- 公用栏目图片 end -->    
	<!-- 横向栏目样式 begin -->
	<div class="layout text-center bg-white">
		<div class="container">
			<div class="line">
				<ul class="nav-tree text-center">
						<li>
							<a href="{$eyou.field.toptypeurl}" {eyou:eq name="$eyou.field.topid" value="0"}class="active"{/eyou:eq}>全部</a>
						</li>
					{eyou:models type="first" currentstyle="active"}
						{eyou:eq name='$eyou.field.grade' value='2'}
							{eyou:type typeid='$eyou.field.typeid' id='field1'}
								{eyou:eq name='$field1.parent_id' value='$field.id'}
									{eyou:assign name='$field.currentstyle' value='cur' /}
								{/eyou:eq}
							{/eyou:type}
						{/eyou:eq}
						<li><a href={eyou:notempty name="$field.children"}"javacript:void(0);"{eyou:else /}"{$field.typeurl}"{/eyou:notempty} title="{$field.typename}" class="{$field.currentstyle}">{$field.typename}
						{eyou:notempty name="$field.children"}<i class="iconfont icon-down margin-left"></i>{/eyou:notempty}</a>
						{eyou:notempty name="$field.children"}
						<ul>
						{eyou:models name="$field.children" id="field2"}
							<li class="children">
								<a href="{$field2.typeurl}" class="{$field2.currentstyle}" title="{$field2.typename}">{$field2.typename}</a>
							</li>
						{/eyou:models}
						</ul>
						{/eyou:notempty}
						</li>
					{/eyou:models}
				</ul>
			</div>
		</div>
	</div>	
	<!-- 横向栏目样式 end -->    
	<div class="layout bg-gray">
		<div class="blank-small"></div>
        <!-- 筛选功能 begin -->
		<div class="container">
			<div class="line">
				<div class="filter-box bg-white">
					<div class="padding-big">
					{eyou:screening id='field' currentstyle='active' }
					{eyou:volist name='$field.list' id='vo'}
					<dl class="clearfix">
						<dt class="text-main">{$vo.title}：</dt>
						<dd>
							<div class="filter-nav">
								<ul>
								{eyou:volist name='$vo.dfvalue' id='val'}
									<li><a {$val.onClick} class="radius-rounded {$val.currentstyle}">{$val.name}</a></li>
								{/eyou:volist}
								</ul>
							</div>
						</dd>
					</dl>	
					{/eyou:volist}
					{$field.hidden}
					{/eyou:screening}
					</div>	
				</div>
			</div>		
		</div>
        <!-- 筛选功能 end -->
		<div class="blank-small"></div>
		
		<div class="container">
			<div class="line-big">
				<div class="product-list">
					{eyou:list titlelen='20' pagesize='6' mod='3'}
					<div class="x4">
						<div class="media media-y bg-white margin-big-bottom">
							<div class="padding-large">
								<a href="{$field.arcurl}" title="{$field.title}"><img src="{$field.litpic}" class="img-responsive"></a>
								<div class="media-body text-left">
									<h2><a href="{$field.arcurl}" class="text-middle">{$field.title}</a></h2>
									<div class="price-info height margin-big-top">
										<ul>
											<li class="v2-1 text-yellow float-left">
												<span class="Conv_DINCondensedC text-big">￥{$field.users_price}</span>
											</li>
											<li class="v2-2 text-gray text-right float-right">
												<i class="iconfont icon-eye margin-small-right"></i>{$field.click}
											</li>
											<div class="clearfix"></div>
										</ul>
									</div>
								</div>							
							</div>
						</div>
					</div>
                    {eyou:eq name='$mod' value='0'}<div style="clear:both"></div>{/eyou:eq}
                    
					{/eyou:list}
				</div>
				<div class="blank-middle"></div>
                <!-- 分页 begin -->
				<div class="text-center">
					<ul class="pagination">
					   {eyou:pagelist listitem='pre,pageno,next' listsize='9' /}
					</ul>
				</div>
				<!-- 分页 end -->
                <div class="blank-large"></div>
			</div>
		</div>

	</div>

<!--网站公用底部 begin -->
{eyou:include file="footer.htm" /}
<!--网站公用底部 end -->
</div>
{eyou:static file="skin/js/pintuer.js" /}
{eyou:static file="skin/js/common.js" /}
<!-- 菜单 -->
<script type="text/javascript">
$(document).ready(function(){
	$('.nav-tree li').hover(function(){
	$(this).children('ul').show();
	$(this).focus().addClass('focusa')	
	},function(){
	$(this).children('ul').hide();
	$(this).focus().removeClass('focusa')	
		});	
	});
</script>
</body>
</html>